<template>
	<view>
		<moment-searchbar :query="query" color="#fff" :activated="true"></moment-searchbar>
		<moment-item v-for="moment in momentList" :moment="moment"></moment-item>
	</view>
</template>

<script setup>
	import {
		ref
	} from "vue";

	const props = defineProps({
		query: String
	});

	const momentList = ref([{
		momentInfo: {
			avatar: "https://pic1.zhimg.com/v2-da2b0a3b96103d87a682409fc5a261a9_r.jpg?source=1def8aca",
			username: "张三",
			publicTime: "2024年2月3日"
		},
		content: {
			text: "你好，我是张三~",
			imageList: [
				"https://tse4-mm.cn.bing.net/th/id/OIP-C.dOfiKhu91_5AHz-LaXxfMgHaEo?rs=1&pid=ImgDetMain",
				"https://tse4-mm.cn.bing.net/th/id/OIP-C.AwZqdhNoq0qMyOh3iGDWwwHaNK?rs=1&pid=ImgDetMain",
				"https://img.zcool.cn/community/016d5c570cffbf6ac7251f050bf201.jpg@1280w_1l_2o_100sh.jpg",
				"https://ts1.cn.mm.bing.net/th/id/R-C.72b903ca48e419d491abceb0a9aad2e3?rik=3ujh%2fWMU2QZuuA&riu=http%3a%2f%2fpic.bizhi360.com%2fbbpic%2f43%2f6843.jpg&ehk=3km7%2fuEAUyl965B4JEeAiiSU8Av4qRD9oEr09nf55k4%3d&risl=&pid=ImgRaw&r=0",
				"https://img.zcool.cn/community/018f0c5d2408e0a8012137632a1811.png@1280w_1l_2o_100sh.png"
			]
		}
	}, {
		momentInfo: {
			avatar: "https://picx.zhimg.com/v2-4132ebba15591caab598f8bc3533cb10_r.jpg?source=1def8aca",
			username: "李四",
			publicTime: "2024年2月2日"
		},
		content: {
			text: "今天是2月2日",
			imageList: [
				"https://img.zcool.cn/community/01b6bb579393330000018c1b442807.jpg@2o.jpg",
			]
		}
	}]);
</script>

<style lang="scss">
	page {
		background: #f5f5f5;
	}
</style>